<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script type="text/javascript" src="http://www.masaikk.xyz/jquery-3.5.1.min.js"></script>
    <script type="text/javascript">
        function f() {
            let form_data = new FormData();
            let file_data = document.getElementById('img_input').files.item(0)
            // console.log(file_data);

            // 把上传的数据放入form_data
            form_data.append('user', 'masaikk');
            form_data.append('img', file_data);

            $.ajax({
                type: 'POST', // 上传文件要用POST
                url: './t.php',
                dataType: 'JSON',
                //crossDomain: true, // 如果用到跨域，需要后台开启CORS
                processData: false, // 注意：不要 process data
                contentType: false, // 注意：不设置 contentType
                data: form_data,
                success: function (e) {
                    console.log(e);
                },



            })

        }
        function t(){
            // alert(2)
            $.ajax({
                type: 'POST', // 上传文件要用POST
                url: './g.php',
                dataType: 'JSON',//返回的response要是严格的json
                 /*             crossDomain: true, // 如果用到跨域，需要后台开启CORS
                               processData: false, // 注意：不要 process data
                               contentType: false, // 注意：不设置 contentType
                */
                success: function (e) {
                    alert(1)
                }
            }).done(function (e){
                alert(e)
            })
        }


        function getFileUrl(sourceId) {
            var url;
            url = window.URL.createObjectURL(document.getElementById(sourceId).files.item(0));

            return url;
        }
        function preImg(sourceId, targetId) {
            var url = getFileUrl(sourceId);
            var imgPre = document.getElementById(targetId);
            imgPre.src = url;
        }

        function f2(){
            preImg('img_input','out')
        }

    </script>
</head>
<body>
<div>
    <input type="file" id="img_input">
    <button onclick="f()">click</button>
    <input type="image" id="out" src="">

</div>

</body>
</html>